<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>室内设计模型库</title>
    <link rel="stylesheet" href="../css/models.css">
</head>
<body>

    <header class="page-header">
        <h1>室内设计模型库</h1>
        <p>精选3D家具模型，适用于SketchUp、Blender、3ds Max等软件</p>
    </header>

    <!-- 搜索与分类 -->
    <div class="search-filter-section">
        <input type="text" placeholder="搜索模型名称或关键词..." class="model-search">
        <button class="search-btn">搜索</button>

        <div class="category-filter">
            <label><input type="radio" name="category" value="all" checked> 全部</label>
            <label><input type="radio" name="category" value="living"> 客厅家具</label>
            <label><input type="radio" name="category" value="bedroom"> 卧室家具</label>
            <label><input type="radio" name="category" value="dining"> 餐厅家具</label>
        </div>
    </div>

    <!-- 模型列表（卡片式） -->
    <section class="model-list">
        <div class="model-card living">
            <img src="https://tse1-mm.cn.bing.net/th/id/OIP-C.-gPJ8_YhUakf6QvDJHRRJAHaEa?rs=1&pid=ImgDetMain" alt="现代沙发">
            <div class="card-body">
                <h3><a href="#modernSofa" class="model-link">现代沙发模型</a></h3>
                <p>简约风格的客厅沙发三维模型</p>
                <p><strong>版本：</strong>v1.0</p>
                <a href="#" class="download-link">下载模型</a>
            </div>
        </div>

        <div class="model-card dining">
            <img src="https://tse1-mm.cn.bing.net/th/id/OIP-C.sNLs8UgqHgV_cFxxVn0_NgHaHa?rs=1&pid=ImgDetMain" alt="餐桌椅套装">
            <div class="card-body">
                <h3><a href="#diningTable" class="model-link">餐桌椅套装模型</a></h3>
                <p>包含一张桌子和四把椅子的餐厅家具套装</p>
                <p><strong>版本：</strong>v2.5</p>
                <a href="#" class="download-link">下载模型</a>
            </div>
        </div>

        <div class="model-card bedroom">
            <img src="https://tse1-mm.cn.bing.net/th/id/OIP-C.iuiz0KtpCrSrd6D6JiQKxwHaHa?rs=1&pid=ImgDetMain" alt="双人床" style="height: 300px;width: 400px;">
            <div class="card-body">
                <h3><a href="#bedDouble" class="model-link">双人床模型</a></h3>
                <p>标准尺寸双人床，适合卧室布置</p>
                <p><strong>版本：</strong>v1.4</p>
                <a href="#" class="download-link">下载模型</a>
            </div>
        </div>
    </section>

    <!-- 模型详情 -->
    <section class="model-detail" id="modernSofa">
        <h2>现代沙发模型详情</h2>
        <p><strong>尺寸：</strong>长200cm x 宽90cm x 高75cm</p>
        <p><strong>材质：</strong>高品质织物与金属框架</p>
        <p><strong>使用方法：</strong>导入3D建模软件后可调整位置和颜色</p>
    </section>

    <section class="model-detail" id="diningTable">
        <h2>餐桌椅套装模型详情</h2>
        <p><strong>尺寸：</strong>桌长160cm x 宽80cm x 高75cm；每把椅子宽45cm x 深50cm x 高85cm</p>
        <p><strong>材质：</strong>实木桌面与皮革坐垫</p>
        <p><strong>使用方法：</strong>导入3D建模软件后可自由组合摆放</p>
    </section>

    <footer class="page-footer">
        <p>&copy; 2025 室内设计模型库 | 版权所有</p>
    </footer>

</body>
</html>